﻿/*
    icomoon
    */
@font-face {
	font-family: 'icomoon-essential';
	src:url('fonts/icomoon-essential.eot');
	src:url('fonts/icomoon-essential.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon-essential.woff') format('woff'),
		url('fonts/icomoon-essential.ttf') format('truetype'),
		url('fonts/icomoon-essential.svg#icomoon-essential') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon-essential';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icomoon-stats, .icomoon-pie, .icomoon-bars, .icomoon-table {
	font-family: 'icomoon-essential';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icomoon-stats:before {
	content: "\e001";
}
.icomoon-pie:before {
	content: "\e005";
}
.icomoon-bars:before {
	content: "\e000";
}
.icomoon-table:before {
	content: "\e00b";
}


/*
   estilos propios
--------------------------------------------------------- */
body {
    background-color:#263248;
}

footer {
    color:white;
}

legend 
{
    border-bottom: 2px solid white;
}

.botonSubmit 
{
    display:block;
    margin-top:5px;
}

.botonesModuloSeleccion {
    display: inline !important;
}

#logo{
    /*background-image:url(..\\Images\\logoIQ.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size:cover;*/
    background-color:white;
    height:40px;
    margin-right:10px;
    float:left;
    padding-left:5px;
    padding-right:5px;
    /*width:115px;*/
}

#textoLogo {
    color : red;
    font-family: verdana;
    font-size: 30px;
    font-style: italic;
    font-weight:bold;
    padding-top:7px;
    text-align:center;
    background-color:white;
}

.form-signin {
    max-width: 315px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    margin-top: 40px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin input[type="text"], .form-signin input[type="password"],.form-signin .add-on
{
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.form-signin .field-validation-error 
{
    color:red
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    color: #263248;
}
#divModulo1 
{
    z-index: 11;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

#modulos legend 
{
    margin-bottom : 5px;
}


#panelDeControl legend ,#panelDeControl h1,#panelDeControl h2,#panelDeControl h3,#panelDeControl h4,
#panelDeControl #panelConfiguracion,
#Transacciones legend, #Transacciones h1, #Transacciones h2, #Transacciones h3, #Transacciones h4,
#Transacciones #panelConfiguracion
{
    color:white;
}

#panelDeControl #divTreeOver, #Transacciones #divTreeOver 
{
    color:white;
    display : block !important;
    font-size : 18px;
}

#panelDeControl .botones-seleccion,#Transacciones .botones-seleccion 
{
    display:inline-block;
    float:right;
    margin-right: 3px;
    position:relative;
    z-index:10;
}

#panelDeControl .chartModulo {
    height:350px;
}

#panelDeControl .modulo ,#Transacciones .modulo 
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #7E8AA2;
    border-radius: 5px;
    margin-bottom: 25px;
    padding-left: 5px;
}

#panelDeControl .totales ,#Transacciones .totales 
{
    color:white;
    display:inline-block;
    font-weight : bold;
    margin-right:10px;
}
#panelDeControl #panelConfiguracion {
    margin-bottom:5px;
    margin-top:10px;
}

#panelDeControl #panelConfiguracion .botonActualizar {    
    vertical-align: top;
}
#panelDeControl #panelConfiguracion label {
    font-size:21px;
}

#panelDeControl #divModulo2,#panelDeControl #divModulo3,#panelDeControl #divModulo4 {
    min-height : 326px;
}


#Transacciones .chartModulo {
    height:324px;
}

#Transacciones #divradioModulo1 {
    display:inline-block;
    float:right;
    position:relative;
    padding-right:5px;
}

#Transacciones #panelConfiguracion
{
    text-align:center;
}

#Transacciones #panelConfiguracion .botones 
{
    padding-bottom : 10px;
}

#Transacciones .botonActualizar {
    vertical-align: top;
}

#Transacciones #panelConfiguracion label {
    font-size:21px;
}

#Transacciones #panelConfiguracion {
    margin-top:10px;
}

#Transacciones #divModulo2,#Transacciones #divModulo3,#Transacciones #divModulo4 {
    min-height : 300px;
}

#UsuarioIndex,#UsuarioEditar,#UsuarioCrear , #ConfiguracionIndex, #PerfilesIndex , #PerfilesEditar , #PerfilesCrear,#UploadFileIndex
{   
    background-color: #e6e6e6;
    margin-top: 2em;
    padding-left:2em;
    padding-right:2em;
}
#ConfiguracionIndex {
    min-width:306px;
    overflow-x:auto;
}

.table-scrollable {
    /*width: 400px;*/
    overflow-x : auto;
}

#uploadFile #nameFile{
    margin-top:10px;
}

#uploadFile .text {
    font-size:20px;
}

.cell-center {
    text-align:center;
}
.same-line {
    display:inline;
}

#nameFile {
    margin-top:10px;
}

#idLoadingText {
    margin-left:30px;
}

@media screen and (min-width: 980px) {
    #divModulo1:hover {
        -webkit-transform: scale(1.5) translate(150px, 10px);
        -moz-transform: scale(1.5) translate(150px, 10px);
        -o-transform: scale(1.5) translate(150px, 10px);
        transform: scale(1.5) translate(150px, 10px);
    }
    .visible-pc {
        display: inline-block !important;
        /*float: right;*/
    }
    .hidden-pc {
        display:none;
    }
}
@media screen and ( max-width:979px) {
    .visible-pc {
        display:none;
    }
    .hidden-pc {
        display: inline-block !important;
        float: right;
    }
}

/*
@media screen and ( max-width: 979px) {
    .visible-pc {
        display:none;
    }
}*/

#PerfilesCrear .table ,#PerfilesEditar .table{
    margin-left :0px;
}

#dropdownTipoChart {
    min-width : 0px;
}